Příklady:
Deklarace stylu
.cervena {color: green;}
.mezera {letter-spacing: 2px;}
.kurziva {{font-size:300%; color: black}
Zápis v HTML
Identifikátory - "ID"
Identifikátory - popis
1) Definují se podobně jako třídy
2) Mají vyšší prioritu než třídy
3) Mohou být použity v HTML dokumentu pouze jednou
Příklady:
Deklarace identifikátoru
#text { text-align: center;font-family: Verdana;}
#cervena { text-align: center; color:red;}
Zápis identifikátoru v HTML
!! Identifikátor ID je vždy unikátní -
jednoznačně pojmenovává jeden konkrétní prvek dokumentu.
!! Třídu je možné aplikovat na libovolný počet různých prvků.
Rozmýšlíte-li se mezi ID a třídou, zvažte,
kolikrát budete danou sadu vlastností potřebovat.
Pokud se jedná třeba o definici vzhledu hlavičky na webu,
která je obvykle jen jedna, je jednoznačnou volbou ID.
Chystáte-li se již nadefinovat ID, zamyslete se nad tím,
kolik vlastnosti vlastně daný element potřebuje.
Jedná-li se naprosto bezvýznamný prvek na stránce,
u kterého potřebujete mít o jedno větší písmo, použijte atribut style=““.
Vyhnete se tak zbytečnému přehlcení externího souboru.
Nemá cenu vytvářet třídu pro červené odkazy,
když všechny odkazy budou stejně červené.
Mnohem vhodnější je nadefinovat červenou barvu rovnou pro .
Vytváříte-li třídu pro červené odkazy a přitom 90% odkazů na stránce
bude červených, je lepší globálně nastavit barvu odkazů na červenou
a pak vytvořit třídu pro zbylých 10% odkazů,
která změní jejich barvu na modrou.